<html>
<head>
<meta name="viewport" content="target-densitydpi=device-dpi" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<script language="javascript">

var numQuestions = 6;

var feedback = new Array();
feedback[0] = "Perfect! You answered them all correctly.";
feedback[1] = "Close. You have five out of six.";
feedback[2] = "Hmm. You missed at least two. Keep trying!";


function checkQuiz() {

    var numCorrect = 0;

    // Add up correct answers
    for (var j=1; j<=numQuestions; j++) {
        var q = eval("document.forms[0].q" + j.toString());
        for (var k=0; k<q.length; k++) {
            if (q[k].checked && q[k].value == "1") {
                numCorrect++;
                break;
            }
        }        
    }

    // Put in some nice text
    var feedbackCategory = numQuestions - numCorrect;
    if (feedbackCategory >= feedback.length) feedbackCategory = feedback.length - 1;
    var s = feedback[feedbackCategory];
    
    document.getElementById("results").innerText = s;
    
    // Show the text
    document.getElementById("results").style.display = "block";
}

function getCheckedRadioButton(name) {

}

</script>

<script type="text/javascript" src="file:///android_asset/javascript/css.js"></script>
<script type="text/javascript" src="file:///android_asset/javascript/sounds.js"></script>
<link rel="stylesheet" type="text/css" href="../css/vocab.css" />
<link rel="stylesheet" type="text/css" href="../css/other.css" />

</head>
<body onload="initEvents();" background="lessonbg.png" bgcolor="#fbf7e6">
<form>

<div id="main_container">	
	<div class="bodycopy">

	<p>
	<!-- Start pronunciation table -->
	<table cellspacing="0" cellpadding="0" border="0" style="width:100%;">
	<!-- Headers row -->
	<tr>
		<td class="vocab-header-end"><img src="spacer.png" /></td>
		<td class="vocab-header" style="width:23%;text-align:center;">Written</td>
		<td class="vocab-divider"><img src="spacer.png" /></td>
		<td class="vocab-header" style="width:23%;text-align:center;">Breakdown</td>
		<td class="vocab-divider"><img src="spacer.png" /></td>
		<td class="vocab-header" style="width:23%;text-align:center;">Meaning</td>
		<td class="vocab-divider"><img src="spacer.png" /></td>
		<td class="vocab-header" style="width:8%;text-align:center;">&nbsp;vs.</td>
		<td class="vocab-divider"><img src="spacer.png" /></td>
		<td class="vocab-header" style="width:23%;text-align:center;">No doubling</td>
		<td class="vocab-header-end"><img src="spacer.png" /></td>
	</tr>

	
<!-- Item row -->
	<tr>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
		<td class="vocab-english pronunciation_touch" bgcolor="#ffffff" onclick="playSound('Pronunciation_metta');">metta</td>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
		<td class="vocab-english" bgcolor="#ffffff" style="text-align:center;">me-t-ta</td>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
		<td class="vocab-english" bgcolor="#ffffff" style="text-align:center;">hardly</td>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
		<td class="vocab-english" bgcolor="#f0f0f0" style="text-align:center;">&nbsp;</td>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
		<td class="vocab-english pronunciation_touch" bgcolor="#ffffff" onclick="playSound('Pronunciation_meta');">meta</td>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
	</tr>

	<!-- Line -->
	<tr>
		<td colspan="11" bgcolor="#e2e2e2"><img src="spacer.png" /></td>
	</tr>

	
<!-- Item row -->
	<tr>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
		<td class="vocab-english pronunciation_touch" bgcolor="#ffffff" onclick="playSound('Pronunciation_kekkon');">kekkon</td>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
		<td class="vocab-english" bgcolor="#ffffff" style="text-align:center;">ke-k-ko-n</td>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
		<td class="vocab-english" bgcolor="#ffffff" style="text-align:center;">marriage</td>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
		<td class="vocab-english" bgcolor="#f0f0f0" style="text-align:center;">&nbsp;</td>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
		<td class="vocab-english pronunciation_touch" bgcolor="#ffffff" onclick="playSound('Pronunciation_XX-kekon');">kekon</td>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
	</tr>

	<!-- Line -->
	<tr>
		<td colspan="11" bgcolor="#e2e2e2"><img src="spacer.png" /></td>
	</tr>

	
<!-- Item row -->
	<tr>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
		<td class="vocab-english pronunciation_touch" bgcolor="#ffffff" onclick="playSound('Pronunciation_shippo');">shippo</td>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
		<td class="vocab-english" bgcolor="#ffffff" style="text-align:center;">shi-p-po</td>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
		<td class="vocab-english" bgcolor="#ffffff" style="text-align:center;">tail</td>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
		<td class="vocab-english" bgcolor="#f0f0f0" style="text-align:center;">&nbsp;</td>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
		<td class="vocab-english pronunciation_touch" bgcolor="#ffffff" onclick="playSound('Pronunciation_XX-shipo');">shipo</td>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
	</tr>

	<!-- Line -->
	<tr>
		<td colspan="11" bgcolor="#e2e2e2"><img src="spacer.png" /></td>
	</tr>

	
<!-- Item row -->
	<tr>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
		<td class="vocab-english pronunciation_touch" bgcolor="#ffffff" onclick="playSound('Pronunciation_nippon');">Nippon</td>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
		<td class="vocab-english" bgcolor="#ffffff" style="text-align:center;">Ni-p-po-n</td>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
		<td class="vocab-english" bgcolor="#ffffff" style="text-align:center;">Japan</td>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
		<td class="vocab-english" bgcolor="#f0f0f0" style="text-align:center;">&nbsp;</td>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
		<td class="vocab-english pronunciation_touch" bgcolor="#ffffff" onclick="playSound('Pronunciation_XX-nipon');">nipon</td>
		<td background="vertical-grey.png"><img src="spacer.png" /></td>
	</tr>

	<!-- Line -->
	<tr>
		<td colspan="11" bgcolor="#e2e2e2"><img src="spacer.png" /></td>
	</tr>


	</table>
	<!-- End pronunciation table -->
	</p>

	
		<p>And that's it! With what you've learned in this chapter,
        you can now read any Japanese word you lay eyes on. Now put your skills to the
        test with a friendly quiz.</p>
        
        <div class="quiz_box">
            <div id="question_container">
                
                <table cellpadding="5" cellspacing="0" border="0">
					<tr>
						<td colspan="3" class="quiz_instructions">For each recording, choose the correct Japanese spelling.</td>
					</tr>
                    <tr>
                        <td valign="top">
                            <table cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <td rowspan="4" valign="top"><a href="hj://sound:Pronunciation_saitama"><img src="button_listen.png" border="0"  /></a></td>
                                    <td class="bodycopy">&nbsp;&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q1" value="0" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q1[0].checked = true;">Seitama</span></td>
                                </tr>
                                <tr>
                                    <td class="bodycopy">&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q1" value="1" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q1[1].checked = true;">Saitama</span</td>
                                </tr>
                                <tr>
                                    <td class="bodycopy">&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q1" value="0" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q1[2].checked = true;">Seytama</span></td>
                                </tr>
                                <tr>
                                    <td class="bodycopy">&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q1" value="0" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q1[3].checked = true;">Shitama</span></td>
                                </tr>                                
                            </table>       
                        </td>
                        <td valign="top">     
                            <table cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <td rowspan="4" valign="top"><a href="hj://sound:Pronunciation_karada"><img src="button_listen.png" border="0"  /></a></td>
                                    <td class="bodycopy">&nbsp;&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q2" value="0" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q2[0].checked = true;">Karara</span></td>
                                </tr>
                                <tr>
                                    <td class="bodycopy">&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q2" value="0" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q2[1].checked = true;">Kadada</span></td>
                                </tr>
                                <tr>
                                    <td class="bodycopy">&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q2" value="1" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q2[2].checked = true;">Karada</span></td>
                                </tr>
                                <tr>
                                    <td class="bodycopy">&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q2" value="0" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q2[3].checked = true;">Kuroja</span></td>
                                </tr>                                
                            </table> 
                        </td>               
                    </tr>
                    <tr>
                        <td colspan="2">&nbsp;</td>
                    </tr>
                    <tr>
                        <td valign="top">
                            <table cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <td rowspan="4" valign="top"><a href="hj://sound:Pronunciation_sensei"><img src="button_listen.png" border="0"  /></a></td>
                                    <td class="bodycopy">&nbsp;&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q3" value="1" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q3[0].checked = true;">Sensei</span></td>
                                </tr>
                                <tr>
                                    <td class="bodycopy">&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q3" value="0" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q3[1].checked = true;">Sense</span></td>
                                </tr>
                                <tr>
                                    <td class="bodycopy">&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q3" value="0" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q3[2].checked = true;">Sensee</span></td>
                                </tr>
                                <tr>
                                    <td class="bodycopy">&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q3" value="0" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q3[3].checked = true;">Sensay</span></td>
                                </tr>                                
                            </table> 
                        </td>     
                        <td valign="top">     
                            <table cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <td rowspan="4" valign="top"><a href="hj://sound:Pronunciation_kotoshi"><img src="button_listen.png" border="0"  /></a></td>
                                    <td class="bodycopy">&nbsp;&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q4" value="1" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q4[0].checked = true;">Kotoshi</span></td>
                                </tr>
                                <tr>
                                    <td class="bodycopy">&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q4" value="0" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q4[1].checked = true;">Kotoshe</span></td>
                                </tr>
                                <tr>
                                    <td class="bodycopy">&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q4" value="0" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q4[2].checked = true;">Koutoshe</span></td>
                                </tr>
                                <tr>
                                    <td class="bodycopy">&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q4" value="0" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q4[3].checked = true;">Kotohshi</span></td>
                                </tr>                                
                            </table> 
                        </td>
                    </tr>    
                    <tr>
                        <td colspan="2">&nbsp;</td>
                    </tr>
                    <tr>
                        <td valign="top">
                            <table cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <td rowspan="4" valign="top"><a href="hj://sound:Pronunciation_namae"><img src="button_listen.png" border="0"  /></a></td>
                                    <td class="bodycopy">&nbsp;&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q5" value="0" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q5[0].checked = true;">Naema</span></td>
                                </tr>
                                <tr>
                                    <td class="bodycopy">&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q5" value="0" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q5[1].checked = true;">Name</span></td>
                                </tr>
                                <tr>
                                    <td class="bodycopy">&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q5" value="1" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q5[2].checked = true;">Namae</span></td>
                                </tr>
                                <tr>
                                    <td class="bodycopy">&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q5" value="0" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q5[3].checked = true;">Namai</span></td>
                                </tr>                                
                            </table> 
                        </td>
                        <td valign="top">      
                            <table cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <td rowspan="4" valign="top"><a href="hj://sound:Pronunciation_kokkuri"><img src="button_listen.png" border="0"  /></a></td>
                                    <td class="bodycopy">&nbsp;&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q6" value="0" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q6[0].checked = true;">Kokiri</span></td>
                                </tr>
                                <tr>
                                    <td class="bodycopy">&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q6" value="0" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q6[1].checked = true;">Kori</span></td>
                                </tr>
                                <tr>
                                    <td class="bodycopy">&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q6" value="0" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q6[2].checked = true;">Kokuri</span></td>
                                </tr>
                                <tr>
                                    <td class="bodycopy">&nbsp;</td>
                                    <td class="bodycopy"><input type="radio" name="q6" value="1" /></td>
                                    <td class="bodycopy"><span onclick="document.forms[0].q6[3].checked = true;">Kokkuri</span></td>
                                </tr>                                
                            </table> 
                        </td>
                    </tr>            
                </table>                
            </div>
            
            <div class="top_margin_one_beat left_margin_one_beat bottom_margin_one_beat">
                <input type="button" class="quiz_button" value="Check Answers!" onclick="checkQuiz();" />
                <div class="quiz_results top_margin_one_beat" style="display:none;" id="results"></div>    
            </div>
            <input type="hidden" name="numQuestions" value="6" />
                
        </div>
        
	</div>
	&nbsp;<br />
	<div><img src="lessonbg_bottom.png"></div>
</div>

</form>
</body>
</html>